<template>
  <a-date-picker>
    <template v-for="item in slotKeys.filter(key=>props[key])" #[item]="slotProps">
      <component :is="renderSlot(props,item,slotProps || {})"/>
    </template>
  </a-date-picker>
</template>
<script setup lang="ts">
import { PropType, VNode } from 'vue';
import { renderSlot } from '../index'
const slotKeys = ['nextIcon','prevIcon','superNextIcon','superPrevIcon','dateRender','suffixIcon']
const props = defineProps({
  nextIcon: {
    type: [String, Object, Function] as PropType<String | VNode |(()=>VNode | String)>
  },
  prevIcon: {
    type: [String, Object, Function] as PropType<String | VNode |(()=>VNode | String)>
  },
  superNextIcon: {
    type: [String, Object, Function] as PropType<String | VNode |(()=>VNode | String)>
  },
  superPrevIcon: {
    type: [String, Object, Function] as PropType<String | VNode |(()=>VNode | String)>
  },
  dateRender: {
    type: [String, Object, Function] as PropType<String | VNode |(()=>VNode | String)>
  },
  suffixIcon: {
    type: [String, Object, Function] as PropType<String | VNode |(()=>VNode | String)>
  },
})
</script>
<style lang="less" scoped>

</style>